@charset "UTF-8";

#app {
  width: 100%;
  height: 100%;
}

//-----------------------------------------------------
// common.less, 全局通用样式
//-----------------------------------------------------

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

::-webkit-scrollbar-thumb {
  min-height: 24px;
  background-color: rgba(0, 0, 0, 0.12);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
}

.layout-menu-sider {
  ::-webkit-scrollbar {
    width: 6px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
  }
}

.page-bg-gray {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: @colorF;
}

//-----------------------------------------------------
// layout
//-----------------------------------------------------
.layout-content-mian {
  min-width: @large;
  max-width: @xLarge;
  margin: auto;
  padding-left: @gap;
  padding-right: @gap;
}

.layout-content-small {
  max-width: @xLarge;
  margin: auto;
  padding-left: @gap;
  padding-right: @gap;
}

.layout-content-show {
  border-bottom: 1px solid #f7f8f9;
  box-shadow: 0 2px 4px rgba(180, 180, 180, 0.1);
}

.layout-content-body {
  min-height: 44vh;
}
